<!DOCTYPE html>
<html lang="zh-CN">

	<head>
		<title>亚马逊网购物车</title>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="description" content="亚马逊中国（z.cn）坚持“以客户为中心”的理念，秉承“天天低价，正品行货”信念，销售图书、电脑、数码家电、母婴百货、服饰箱包等上千万种产品。亚马逊中国提供专业服务：正品行货天天低价，机打发票全国联保。货到付款，30天内可退换货。亚马逊为中国消费者提供便利、快捷的网购体验。" />
		<meta name="keywords" content="网购,网上购物,在线购物,网购网站,网购商城,购物网站,网购中心,购物中心,卓越,亚马逊,卓越亚马逊,亚马逊中国,joyo,amazon" />
		<link rel="shortcut icon" href="img/amazon.ico">
		<link rel="stylesheet" href="css/style.css" />

	</head>

	<body>

		<!--logo头部内容，包含商品目录-->

		<div id="header" class="cartHead">

			<div class="header-t">

				<div class="header-t-l">
					<a class="logo" href="index.html"></a>
					<a class="freeShare" href="#">免费试享Prime</a>
					<div class="hideFreeShare">
						<p class="p1">加入亚马逊Prime,从此免运费</p>
						<p class="p2">海外购及国内订单,全年无限次免费配送</p>
						<p class="p3">&gt;
							<a href="#">立即试享</a>
						</p>
						<p class="leftTriangle">
							<b></b>
						</p>
					</div>
				</div>
				<div class="header-t-c">
					<dl class="hideTips">

					</dl>
					<div class="select">
						<p>全部分类</p>
						<i></i>
						<ul class="option">
							<li>全部分类</li>
							<li>Kindle商店</li>
							<li>应用程序和游戏</li>
							<li>亚马逊海外购</li>
							<li>图书</li>
							<li>音乐</li>
							<li>游戏/娱乐</li>
							<li>音像</li>
							<li>软件</li>
							<li>教育音像</li>
							<li>手机/通讯</li>
							<li>摄影/摄像</li>
							<li>电子</li>
							<li>数码影音</li>
							<li>电脑/IT</li>
							<li>办公用品</li>
							<li>小家电</li>
							<li>大家电</li>
							<li>电视/音响</li>
							<li>家用</li>
							<li>家居</li>
							<li>厨具</li>
							<li>家居装修</li>
							<li>宠物用品</li>
							<li>食品</li>
							<li>酒</li>
							<li>美容化妆</li>
							<li>个护健康</li>
							<li>母婴用品</li>
							<li>玩具</li>
							<li>运动户外休闲</li>
							<li>服饰箱包</li>
							<li>鞋靴</li>
							<li>钟表</li>
							<li>珠宝首饰</li>
							<li>汽车用品</li>
							<li>乐器</li>
							<li>礼品卡</li>
							<li>LuxuryBeauty高端美妆店</li>
							<li>Z实惠</li>
						</ul>
					</div>
					<input type="text" />
					<button></button>
				</div>
				<div class="header-t-r"></div>
			</div>

			<div class="header-b">
				<div class="header-b-l">
					<div class="listRoot">
						<span class="span1">浏览</span>
						<span class="span2">全部商品分类<i></i></span>
					</div>
					<div class="typelist">
						<div class="hidelist">
							<h4>亚马逊海外购</h4>
							<dl>
								<dd>
									<b><a href="#">母婴用品</a></b>
									<p>
										<a href="#">奶粉</a>
										<span>|</span>
										<a href="#">喂养用品</a>
										<span>|</span>
										<a href="#">安全防护</a>
										<span>|</span>
										<a href="#">外出用品</a>
										<span>|</span>
										<a href="#">童车推车</a>
									</p>
								</dd>
								<dd>
									<b><a href="#">玩具</a></b>
									<p>
										<a href="#">婴幼玩具</a>
										<span>|</span>
										<a href="#">电子玩具</a>
										<span>|</span>
										<a href="#">拼插玩具</a>
										<span>|</span>
										<a href="#">动漫玩具</a>
									</p>
								</dd>
								<dd>
									<b><a href="#">服装服饰</a></b>
									<p>
										<a href="#">男装</a>
										<span>|</span>
										<a href="#">女装</a>
										<span>|</span>
										<a href="#">休闲装</a>
										<span>|</span>
										<a href="#">内衣家居服</a>
										<span>|</span>
										<a href="#">婴幼儿服</a>
									</p>
								</dd>
								<dd>
									<b><a href="#">鞋靴</a></b>
									<p>
										<a href="#">男鞋</a>
										<span>|</span>
										<a href="#">女鞋</a>
										<span>|</span>
										<a href="#">男童鞋</a>
										<span>|</span>
										<a href="#">女童鞋</a>
									</p>
								</dd>
								<dd>
									<b><a href="#">皮具箱包</a></b>
									<p>
										<a href="#">单肩包</a>
										<span>|</span>
										<a href="#">钱包</a>
										<span>|</span>
										<a href="#">双肩包</a>
										<span>|</span>
										<a href="#">皮带</a>
									</p>
								</dd>
								<dd>
									<b><a href="#">运动户外</a></b>
									<p>
										<a href="#">运动服饰</a>
										<span>|</span>
										<a href="#">户外背包</a>
										<span>|</span>
										<a href="#">健身训练</a>
										<span>|</span>
										<a href="#">智能穿戴</a>
										<span>|</span>
										<a href="#">跑步</a>
									</p>
								</dd>
								<dd>
									<b><a href="#">美容化妆</a></b>
									<p>
										<a href="#">面部护肤</a>
										<span>|</span>
										<a href="#">彩妆</a>
										<span>|</span>
										<a href="#">美发护发</a>
										<span>|</span>
										<a href="#">身体护理</a>
										<span>|</span>
										<a href="#">工具配件</a>
									</p>
								</dd>
								<dd>
									<b><a href="#">个护健康</a></b>
									<p>
										<a href="#">眼睛护理</a>
										<span>|</span>
										<a href="#">保健品</a>
										<span>|</span>
										<a href="#">剃须用品</a>
										<span>|</span>
										<a href="#">口腔护理</a>
									</p>
								</dd>
								<dd>
									<b><a href="#">厨具</a></b>
									<p>
										<a href="#">水具</a>
										<span>|</span>
										<a href="#">酒具</a>
									</p>
								</dd>
								<dd>
									<b><a href="#">进口直采</a></b>
									<p>
										<a href="#">鞋靴</a>
										<span>|</span>
										<a href="#">箱包</a>
										<span>|</span>
										<a href="#">珠宝首饰</a>
										<span>|</span>
										<a href="#">服饰</a>
										<span>|</span>
										<a href="#">腕表</a>
										<span>|</span>
										<a href="#">酒水</a>
									</p>
								</dd>
								<dd>
									<b><a href="#"></a></b>
									<p>
										<a href="#">食品</a>
										<span>|</span>
										<a href="#">家居</a>
										<span>|</span>
										<a href="#">母婴玩具</a>
										<span>|</span>
										<a href="#">数码影音</a>
									</p>
								</dd>
								<dd>
									<b><a href="#">香港/保税仓</a></b>
									<p>
										<a href="#">个护健康</a>
										<span>|</span>
										<a href="#">母婴</a>
										<span>|</span>
										<a href="#">小家电</a>
										<span>|</span>
										<a href="#">美妆</a>
										<span>|</span>
										<a href="#">服饰</a>
										<span>|</span>
										<a href="#">手表</a>
									</p>
								</dd>
							</dl>
						</div>
						<ul>
							<li>
								<p>
									<a href="#">Kindle 商店</a>
								</p>
								<span>&gt;</span>
							</li>
							<li>
								<p>
									<a href="#">亚马逊海外购</a>
								</p>
								<span>&gt;</span>
							</li>
							<li>
								<p>
									<a href="#">图书</a>
								</p>
								<span>&gt;</span>
							</li>
							<li>
								<p>
									<a href="#">手机</a>、
									<a href="#">摄影</a>、
									<a href="#">数码</a>
								</p>
								<span>&gt;</span>
							</li>
							<li>
								<p>
									<a href="#">电子配件</a>、
									<a href="#">智能生活</a>
								</p>
								<span>&gt;</span>
							</li>
							<li>
								<p>
									<a href="#">家居</a>、
									<a href="#">厨具</a>、
									<a href="#">家装</a>
								</p>
								<span>&gt;</span>
							</li>
							<li>
								<p>
									<a href="#">电脑</a>、
									<a href="#">办公</a>、
									<a href="#">文具</a>
								</p>
								<span>&gt;</span>
							</li>
							<li>
								<p>
									<a href="#">家用电器</a>
								</p>
								<span>&gt;</span>
							</li>
							<li>
								<p>
									<a href="#">美妆</a>、
									<a href="#">个护健康</a>
								</p>
								<span>&gt;</span>
							</li>
							<li>
								<p>
									<a href="#">食品</a>、
									<a href="#">酒水</a>、
									<a href="#">生鲜</a>
								</p>
								<span>&gt;</span>
							</li>
							<li>
								<p>
									<a href="#">玩具</a>、
									<a href="#">家庭会员</a>
								</p>
								<span>&gt;</span>
							</li>
							<li>
								<p>
									<a href="#">运动户外</a>、
									<a href="#">汽车用品</a>
								</p>
								<span>&gt;</span>
							</li>
							<li>
								<p>
									<a href="#">服装</a>、
									<a href="#">鞋靴</a>、
									<a href="#">箱包</a>
								</p>
								<span>&gt;</span>
							</li>
							<li>
								<p>
									<a href="#">钟表</a>、
									<a href="#">首饰</a>
								</p>
								<span>&gt;</span>
							</li>
							<li>
								<p>
									<a href="#">游戏</a>、
									<a href="#">影视</a>、
									<a href="#">乐器</a>
								</p>
								<span>&gt;</span>
							</li>
							<li>
								<p>
									<a href="#">亚马逊Drive</a>
								</p>
								<span>&gt;</span>
							</li>
							<li>
								<p>
									<a href="#">全部商品分类</a>
								</p>
							</li>
						</ul>
						<p class="topTriangle">
							<b></b>
						</p>
					</div>
				</div>
				<div class="header-b-c">
					<ul>
						<li>
							<a href="#">我的亚马逊</a>
						</li>
						<li>
							<a href="#">Z秒杀</a>
						</li>
						<li>
							<a href="#">礼品卡</a>
						</li>
						<li>
							<a href="#">我要开店</a>
						</li>
						<li>
							<a href="#">海外购</a>
						</li>
						<li>
							<a href="#">帮助</a>
						</li>
						<li>
							<a href="#">In English</a>
						</li>
					</ul>
				</div>
				<div class="header-b-r">
					<div class="wishes">
						<span>心愿单<i></i></span>
						<div class="hideWish">
							<ul>
								<li>
									<a href="#">创建一个心愿单</a>
								</li>
								<li>
									<a href="#">查找其他人的心愿单</a>
								</li>
								<li>
									<a href="#">通用心愿单</a>
								</li>
								<li>
									添加任何网站的商品到您的心愿单
								</li>
							</ul>
							<p class="topTriangle">
								<b></b>
							</p>
						</div>
					</div>
					<div class="cart">
						<a href="cart.html">
						<i></i>
						<b class="cart-n">0</b>
						<span>购物车</span>
						</a>
					</div>
					<div class="tryPrime">
						<span class="span1">免费试享</span>
						<span class="span2">Prime<i></i></span>
						<div class="hidePrime">
							<a>
								<img src="img/header1.jpg" />
							</a>
							<p class="topTriangle">
								<b></b>
							</p>
						</div>
					</div>
					<div class="login">
						<span class="span1">您好.登录</span>
						<span class="span2">我的账户<i></i></span>
						<div class="hideLogin">
							<a href="login.html"><strong>立即登录</strong></a>
							<s>新客户？<a href="registor.html" class="register">免费注册</a></s>
							<ul>
								<li>
									<a href="#">我的账户</a>
								</li>
								<li>
									<a href="#">我的订单</a>
								</li>
								<li>
									<a href="#">我的账户余额</a>
								</li>
								<li>
									<a href="#">评论已购商品</a>
								</li>
								<li>
									<a href="#">我的心愿单</a>
								</li>
								<li>
									<a href="#">为我推荐</a>
								</li>
								<li>
									<a href="#">管理我的“订购省”商品</a>
								</li>
								<li>
									<a href="#">我的Prime会员</a>
								</li>
								<li>
									<a href="#">管理我的内容和设备</a>
								</li>
								<li>
									<a href="#">我的 Kindle Unlimited</a>
								</li>
								<li class="te">
									<a href="#">您的 Amazon Drive</a>
									<span>5 GB 免费的存储空间</span>
								</li>
								<li>
									<a href="#">我的应用程序和设备</a>
								</li>
							</ul>
							<p class="topTriangle">
								<b></b>
							</p>
						</div>
					</div>
				</div>
			</div>

		</div>

		<!--购物车无商品时的空盒子-->
		<div id="nullBox" class="margin">
			<h3>您的购物车没有商品。</h3>
			<p>购物车应该为您购物提供服务。请让它物有所值－可放入书籍、CD、录像带、DVD、玩具、电子产品，等等。 如果您已经注册，
				<a href="login.html">登录</a>查看您的购物车。 </p>
			<p class="null2">继续在
				<a href="index.html">亚马逊首页</a>上购物，了解
				<a href="#">促销专区</a>，或访问您的
				<a href="#">心愿单</a>。</p>
			<p>购物车可以暂存您的商品，并且显示商品的最新价格。</p>
			<p>您是否有礼品卡或者优惠码？您可以在选择付款方式时输入礼品卡或者优惠码。</p>
		</div>

		<!--购物车商品列表-->
		<div id="cartGood" class="margin clear">
			<div class="cartGood-l">
				<div class="section">
					<span class="sec-l">购物车</span>
					<span class="sec-r">数量</span>
					<span class="sec-c">价格</span>

				</div>
				<ul class="cartGoodList">
					<li class="hideGoodList">
						<div class="listCols1">
							<a href="#">
								<img src="img/414v9ev8dUL._SS100_.jpg" />
							</a>
						</div>
						<div class="listCols2">
							<div class="titleBox">
								<span class="bTitle">GoPro HERO 6 BLACK数码摄像机高清专业4k运动照相机家用旅游语音</span>
								<span class="sTitle"> GoPro</span>
							</div>
							<p class="stock">库存中仅剩 4 件。</p>
							<p class="saler">卖家：<span>信实数码专营店</span></p>
							<p class="change">
								<b class="del">删除</b>
								<span>|</span>
								<b>移入收藏夹</b>
							</p>
						</div>
						<div class="listCols3">
							<div class="googPrice">￥ 3,788.00</div>
						</div>
						<div class="listCols4">
							<div class="cartGoodNum">
								<span class="add">+</span>
								<input type="text" value="1" />
								<span class="reduce">-</span>
							</div>
						</div>
					</li>

				</ul>
			</div>
			<div class="cartGood-r">
				<div class="freeSong">
					<i></i>
					<span>您订单中的部分商品可享受免费配送。</span>
					<b>请在订单信息确认页面选择快递送货上门。</b>
					<a href="#">详情</a>
				</div>
				<div class="pay">
					<p class="xiaoji">小计 (<span class="totalNum">0</span> 件商品):</p>
					<p class="totalMoney">0</p>
					<a class="enterPay">进入结算中心<i></i></a>
					<p class="login1">
						<a href="login.html">登录</a> 即可开启一键下单。<span>或者</span></p>
				</div>
				<div class="money">
					<a href="login.html">登录</a> 查看包含了配送费的预估金额

				</div>
			</div>
		</div>



		<!--底部登录注册部分-->
		<div id="login" class="margin cartlogin">
			<p>您最近查看的商品和相关推荐</p>

			<!--推荐商品列表-->
			<div id="moreGood">
				<ul class="clear">

				</ul>
			</div>
			
			<div class="loginBox">
				<span>查看个性化推荐</span>
				<a class="login" href="login.html">立即登录</a>
				<b>新客户？<a href="registor.html">免费注册</a></b>
			</div>
		</div>

		<!--网页页尾部分-->
		<div id="footer" class="margin">
			<ul class="info">
				<li>
					<p>了解我们</p>
					<a href="#">人才招聘</a>
					<a href="#">关于我们</a>
					<a href="#">新闻中心</a>
					<a href="#">公益社区</a>
					<a href="#">移动客户端</a>
					<a href="#">风险监测</a>
				</li>
				<li>
					<p>合作信息</p>
					<a href="#">全球开店</a>
					<a href="#">我要开店</a>
					<a href="#">亚马逊物流</a>
					<a href="#">加入联盟</a>
					<a href="#">我要推广</a>
					<a href="#">合作伙伴</a>
				</li>
				<li>
					<p>支付方式</p>
					<a href="#">亚马逊支付</a>
					<a href="#">亚马逊账户</a>
					<a href="#">货到付款</a>
					<a href="#">支付宝与微信支付</a>
					<a href="#">网上银行</a>
					<a href="#">重要安全提示</a>
				</li>
				<li>
					<p>帮助中心和购物指南</p>
					<a href="#">订单查询</a>
					<a href="#">配送费收取标准</a>
					<a href="#">在线自助退换货</a>
					<a href="#">退换货及退款</a>
					<a href="#">亚马逊助手</a>
					<a href="#">帮助中心</a>
				</li>
			</ul>
			<a href="#" class="footLogo"><img src="img/foot1.gif" /></a>
			<p class="foot">
				<a href="#">美国</a>
				<b>|</b>
				<a href="#">加拿大</a>
				<b>|</b>
				<a href="#">巴西</a>
				<b>|</b>
				<a href="#">墨西哥</a>
				<b>|</b>
				<a href="#">英国</a>
				<b>|</b>
				<a href="#">德国</a>
				<b>|</b>
				<a href="#">法国</a>
				<b>|</b>
				<a href="#">西班牙</a>
				<b>|</b>
				<a href="#">意大利</a>
				<b>|</b>
				<a href="#">荷兰</a>
				<b>|</b>
				<a href="#">日本</a>
				<b>|</b>
				<a href="#">印度</a>
				<b>|</b>
				<a href="#">澳大利亚</a>
				<b>|</b>
				<span>亚马逊家族网站:</span>
				<a href="#">Amazon Web Services</a>
				<b>|</b>
				<a href="#">Shopbop</a>
				<b>|</b>
				<a href="#">亚马逊物流+</a>
				<b>|</b>
				<span>YAMAXUN™</span>
			</p>
			<p class="foot">
				<a href="#">使用条件</a>
				<b>|</b>
				<a href="#">隐私声明</a>
				<b>|</b>
				<a href="#">基于兴趣的广告</a>
				<span>版权所有 © 1996-2017，亚马逊公司或其关联公司</span>
			</p>
			<p class="foot">
				<img src="img/foot2.png" />
				<a href="#">京公网安备 11010502030232号 </a>
				<b>|</b>
				<a href="#">增值电信业务经营许可证：合字B2-20090004</a>
			</p>
			<p class="foot">
				<a href="#">互联网药品信息服务资格证书 京-非经营性-2017-0034</a>
				<b>|</b>
				<a href="#">出版物经营许可证新出发京批字第外080002号</a>
				<b>|</b>
				<a href="#">食品经营许可证：JY11105150653271+</a>
			</p>
			<p class="foot">
				<span>网络文化经营许可证京网文[2015]0615-245 | 营业执照：</span>
				<a href="#">91110000717883277U</a>
			</p>
		</div>

		<script src="js/require.js" data-main="js/main_cart.js" type="text/javascript" defer async="true charset=" utf-8 "></script>
	</body>

</html>